*{
	margin: 0;
	padding: 0;
}
#login{
	position: fixed;
	/*left:100px;*/
	/*display: none;*/
	width: 315px;
	height: auto;
	padding: 10px;
	font-family: '黑体';
	font-size: 20px;
	z-index: 100;
	background-color:#cacace;
	border-radius:10px;
	left:50%; 
	top:30%;
	transform:translate(-50%,-50%); 
	-webkit-transform:translate(-50%,-50%);
}
#close{
	position: absolute;
	left: 310px;
	top: -15px;
	opacity: 0.9;
}
#mask{ 
	background-color:#ccc;
	opacity:0.5;
	filter: alpha(opacity=50); 
	position:absolute; 
	left:0;
	top:0;
	/*display: none;*/
	z-index:50;
	}
#newName{
	display: block;
	margin: 20px auto auto ;
	width: 80%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #666;

	border-radius:8px;


}
#sureName{
	display: block;
	margin: 10px auto;
	width: 70px;
	height: 30px;
	font-family: '黑体';
	font-size: 20px;
	border-radius:5px;
	background-color: #838394;
	border: none;
}
#sureName:hover{
	background-color: #bcbccc;
	color: gray;
}
#communit{
	position: relative;
	margin: 10px auto;
    width: 300px;
    /*height: auto;*/
    padding: 5px;
    background-color: #f1eff0;
    z-index: 10;
}
#name{
	width: 100%;
	height: 50px;
	line-height: 50px;

}
#area{
    background-color: lavender;
    width: 300px;
    height:400px;
	line-height: 25px;
}
#inbox{
	width: 100%;
	/*height: auto;*/
	position: relative;
	background-color: #c5c3c4;
	display: inline-block;

}
#inp{
	margin-top: 5px;
	/*height: auto;*/
	width: 230px;
	resize: none;
	height: 50px;
	line-height: 20px;
	border-radius: 7px;
	    	
	/*display: inline-block;*/
	font-size: 18px;
}
#sure{
	width: 50px;
	height: 30px;
	position: relative;
	/*display: inline-block;*/
	bottom: 20px;
	/*display: table-cell;*/
	border: none;
	border-radius: 7px;
	/*transform:translate(-50%,-50%);*/
	 /*-webkit-transform:translate(-50%,-50%);*/
}
